<!--
 * @Author: your name
 * @Date: 2021-03-01 09:20:23
 * @LastEditTime: 2021-03-03 13:54:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \sende_nuxt\pages\blog\blog-secondary\index.vue
-->
<template>
  <div class="w1200auto">
    <bread-crumb class="mb10" :breadcrumbTtem="breadcrumbTtem" />
    <section class="w900auto">
      <h3 class="size28 b text_c mt50 mb30">{{$t("6 Reasons You Need Personalized & Custom Eyeglasses")}}</h3>
      <div class="text_c s9 mauto">
        <img :src="require('~/assets/image/blog/blog_second_03.jpg')" class="img" alt="">
      </div>
      <p class="lh15 size14 mtb20 f777">
        {{$t("when you order frams from Zenni Optical,you get the best of both worlds:on-trend eyewear at an affordable price point. Yout may not think to engrave expensive frames from an optometrist's. but when you order online,you have the option to turn your frames into a keepsake ro event-specific eyewear without blowing your budget")}}
      </p>
      <p class="lh15 size14 mtb20 f777">
        {{$t("when you order frams from Zenni Optical,you get the best of both worlds:on-trend eyewear at an affordable price point. Yout may not think to engrave expensive frames from an optometrist's. but when you order online,you have the option to turn your frames into a keepsake ro event-specific eyewear without blowing your budget")}}
      </p>
      <h2 class="size20 mtb20">1.{{$t("Support Your School or Alma Mater")}}</h2>
      <p class="lh15 size14 mtb20 f777">{{$t("whether you're a student alumni. there's no reason hold back on your school spirit. And with the abllity to custom frams with personal messages ro initials,why not support your alma mater or school?")}}</p>
      <p class="lh15 size14 mtb20 f777">{{$t("whether you're a student alumni. there's no reason hold back on your school spirit. And with the abllity to custom frams with personal messages ro initials,why not support your alma mater or school?")}}</p>
      <div class="text_c s9 mauto">
        <img :src="require('~/assets/image/blog/blog_second_04.jpg')" class="img" alt="">
      </div>
      <h2 class="size20 mtb20">1.{{$t("Support Your School or Alma Mater")}}</h2>
      <p class="lh15 size14 mtb20 f777">
        {{$t("whether you're a student alumni. there's no reason hold back on your school spirit. And with the abllity to custom frams with personal messages ro initials,why not support your alma mater or school?")}}
      </p>
    </section>
  </div>
</template>

<script>
import BreadCrumb from "~/components/common/Breadcrumb";
import { spliteParams } from "~/utils/Utils";
export default {
  name: "blogSecondary",
  async asyncData({ req, params, query, route, store }) {
    // 获取路由层级
    let arr = await spliteParams(route.fullPath);
    return {
      breadcrumbTtem: arr || [],
    };
  },
  components: {
    BreadCrumb
  }
}
</script>

<style scoped>
.w900auto {
  width: 900px;
  margin: 0 auto;
}
.mauto {
  margin: 0 auto;
}
</style>